<nz-modal nzWidth="1000" nzHeight="300" [(nzVisible)]="isVisible" [nzTitle]="l('create_path')" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()"
  [nzOkLoading]="isOkLoading">
  <!-- Here's the DIV that we inject the map into -->

  <form nz-form [formGroup]="validateForm">
    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="startSiteId">{{l('start_site')}}</nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <nz-select formControlName="startSiteId" [(ngModel)]="model.startSiteId" [nzPlaceHolder]="l('please_select_site')">
          <nz-option *ngFor="let option of sites" [nzValue]="option.id" [nzLabel]="option.siteName"></nz-option>
        </nz-select>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="startWarehouseId">{{l('start_company')}}</nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <nz-select formControlName="startWarehouseId" [(ngModel)]="model.startWarehouseId" [nzPlaceHolder]="l('select_warehousing_company')">
          <nz-option *ngFor="let option of companyList" [nzValue]="option.id" [nzLabel]="option.houseName"></nz-option>
        </nz-select>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="endSiteId">{{l('end_site')}}</nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <nz-select formControlName="endSiteId" [(ngModel)]="model.endSiteId" [nzPlaceHolder]="l('please_select_site')">
          <nz-option *ngFor="let option of sites" [nzValue]="option.id" [nzLabel]="option.siteName"></nz-option>
        </nz-select>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="endWarehouseId">{{l('end_company')}}</nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <nz-select formControlName="endWarehouseId" [(ngModel)]="model.endWarehouseId" [nzPlaceHolder]="l('select_warehousing_company')">
          <nz-option *ngFor="let option of companyList" [nzValue]="option.id" [nzLabel]="option.houseName"></nz-option>
        </nz-select>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="pathNo">{{l('path_no')}}</nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <input nz-input formControlName="pathNo" id="pathNo" [(ngModel)]="model.pathNo" [placeholder]="l('please_enter_path_no')">
        <nz-form-explain *ngIf="validateForm.get('pathNo').dirty && validateForm.get('pathNo').errors">{{l('please_enter_path_no')}}</nz-form-explain>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="defaultFlag">{{l('default')}}</nz-form-label>
      <nz-form-control [nzSm]="14" [nzXs]="24">
        <nz-switch [(ngModel)]="model.defaultFlag" formControlName="defaultFlag"></nz-switch>
      </nz-form-control>
    </nz-form-item>
  </form>
</nz-modal>